---
layout: default
---

<header class="header text-center">
    <div class="container">
        <div class="branding">
            <h1 class="logo">
                <img src="assets/images/ktor_logo_white.svg" style="width:154px;height:64px;" alt="Ktor" />
            </h1>
        </div>
        <div class="tagline">
            <!--
                        <p>Framework for connected applications in <a href="https://kotlinlang.org/">Kotlin</a></p>
            -->
            <p>易用、有趣且异步</p>
        </div>

        <ol class="breadcrumb" style="font-size: 1.3em; margin-top: 32px;">
            <li><strong><a class="link" href="/">首页</a></strong></li>
            {% for section in site.data.navigation.main %}
            <li><a class="link" href="{{ section.url | prepend: site.baseurl }}">{{ section.title }}</a></li>
            {% endfor %}
            {% if site.blog_enabled %}
            <li><a class="link" href="/blog">博客</a></li>
            {% endif %}
        </ol>
    </div>
</header>

<section class="cards-section" style="padding-bottom:0;">
    <div class="container">
        <div class="cards-wrapper row">
            <div id="doc-header" class="doc-header text-center">
                <h1 class="doc-title">{{page.caption}}</h1>
            </div>
            <div class="doc-body">
                {{ content }}
            </div>
        </div>
    </div>
</section>

<section class="cards-section text-center cards-gray">
    <div class="container">
        <div id="cards-wrapper" class="cards-wrapper row">
            {% for section in site.data.navigation.main %}
            <div class="item item-{{ section.color }} col-md-4 col-sm-6 col-xs-6">
                <div class="item-inner">
                    <div class="icon-holder">
                        <span aria-hidden="true" class="icon {{ section.icon }}"></span>
                    </div><!--//icon-holder-->
                    <h3 class="title">{{ section.title }} </h3>
                    <p class="intro">{{ section.summary }}</p>
                    <a class="link" href="{{ section.url | prepend: site.baseurl }}"><span></span></a>
                </div>
            </div>
            {% endfor %}
        </div>
        <div>
            <a href="https://confluence.jetbrains.com/display/ALL/JetBrains+on+GitHub"><img src="{{ '/assets/logo/jb_official.svg' | relative_url }}" style="width:70px;height:20px;" alt="JB official" /></a>
            <!--
            <a href="https://bintray.com/kotlin/ktor/ktor/{{site.ktor_version}}"><img src="{{ '/assets/logo/download_stable.svg' }}" style="width:155px;height:20px;" alt="Download {{ site.ktor_version }}" /></a>
            -->
            <a href="https://bintray.com/kotlin/ktor/ktor/_latestVersion"><img src="https://api.bintray.com/packages/kotlin/ktor/ktor/images/download.svg" alt="Download" /></a>
            <a href="http://www.apache.org/licenses/LICENSE-2.0"><img src="{{ '/assets/logo/license.svg' | relative_url }}" style="width:120px;height:20px;" alt="license: Apache-2.0"></a>
            <a href="https://github.com/ktorio/ktor"><img src="https://img.shields.io/github/stars/ktorio/ktor.svg?style=social&label=Star" style="width:76px;height:20px;" alt="Ktor at github"></a>

            <div class="note contact" style="margin-top: 32px; max-width:860px; margin-left: auto; margin-right: auto;">
                想要提供反馈、报告错误或者提出问题吗？<br />
                请前往我们（官方）的 #ktor <a href="http://slack.kotlinlang.org/" target="_blank" rel="noopener">Kotlin Slack</a> 频道，我们（官方）会尽力帮助你！<br/>
                也可以在官方 <a href="https://youtrack.jetbrains.com/newIssue?project=KTOR">YouTrack 项目</a>中创建问题（issue）或拉取请求（pull requests）来贡献。
            </div>
        </div>
    </div>
</section>
